// 所有内容模块
.content {
    width: 20rem;
    background-color: #fff;
}

// 所有模块的上部分（标题部分）
.hd {
    width: 20rem;
    height: 2.053333rem;
    line-height: 2.053333rem;
    font-size: .746667rem;
    color: #666666;
    margin: 0;
    padding-left: .693333rem;
    border-bottom: 1px solid #E4E4E4;
}

// 参考薪资模块的下部分（内容部分）
.re_bd {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.173333rem 0;
    p:nth-child(1) {
        font-size: .533333rem;
    }
    p:nth-child(2) {
        font-size: 1.866667rem;
        font-weight: 700;
        color: #FF6161;
        margin: 1.066667rem 0 .32rem 0;
        span {
            font-size: 1.013333rem;
        }
    }
    p:nth-child(3) {
        font-size: .586667rem;
        color: #999999;
    }
}

// 薪资发布模块
.publish {
    margin-top: .4rem;
    .pub_bd {
        display: flex;
        justify-content: space-between;
        .circle {
            flex: 1;
            width: 7.92rem;
            height: 7.92rem;
            margin: 2.24rem 1.253333rem 2.48rem .906667rem;
        }
        .data {
            flex: 1;
            height: 12.8rem;
            margin: 0;
            margin: .373333rem 1.333333rem 0 0;
            .data_hd {
                display: flex;
                justify-content: space-between;
                height: 1.36rem;
                line-height: .477333rem;
                padding: .4rem .533333rem;
                background-color: #F3F3F3;
                font-size: .613333rem;
                color: #333333;
            }
            .data_item {
                display: flex;
                height: 1.546667rem;
                line-height: 1.546667rem;
                margin: 0 .106667rem;
                padding-right: .4rem;
                border-top: 1px solid #DCDCDC;
                font-size: .533333rem;
                color: #868686;
                text-align: left;
                span {
                    flex: 1;
                }
                span:nth-child(2) {
                    display: inline-block;
                    height: .586667rem;
                    margin-top: .053333rem;
                    span {
                        display: inline-block;
                        height: 100%;
                        border-radius: .133333rem;
                    }
                    .orange {
                        width: .133333rem;
                        background-color: #FF8B02;  
                    }
                    .deepgreen {
                        width: .293333rem;
                        background-color: #08A687;
                    }
                    .deepblue {
                        width: .64rem;
                        background-color: #427CFF;
                    }
                    .green {
                        width: .906667rem;
                        background-color: #36C38F;
                    }
                    .red {
                        width: 1.493333rem;
                        background-color: #EC5762;
                    }
                    .blue {
                        width: 2.32rem;
                        background-color: #52C4F0;
                    }
                    .yellow {
                        width: 1.493333rem;
                        background-color: #FEBE00;
                    }
                }
                span:nth-child(3) {
                    text-align: right;
                }
            }
        }
    }
}


// 各地薪资模块
.address {
    margin-top: .4rem;
    .ad_bd {
        height: 16.666667rem;
        margin: 0;
        .ad_item {
            display: flex;
            justify-content: space-between;
            height: 1.146667rem;
            line-height: 1.146667rem;
            vertical-align: middle;
            font-size: .746667rem;
            color: #333333;
            margin: 1.093333rem .96rem 0 .746667rem;
            .icon {
                width: 1.146667rem;
                height: 1.146667rem;
                margin-right: .373333rem;
            }
            hr {
                display: inline-block;
                width: 12rem;
                border-top:1px dashed #C9C9C9;
                margin-top: .533333rem;
            }
            .dollor {
                font-size: .533333rem;
                margin: 0;
            }
        }
    }
}